$(function () {
    chuxian('.notice', '.nav-notice')
    chuxian('.app1', '.download')
    chuxian('.wechat1', '.attention')

    function chuxian(hide, show) {
        $(hide).hide()

        $(show).hover(function () {
            $(hide).show()
        }, function () {
            $(hide).hide()
        })
        $(hide).hover(function () {
            $(hide).show()
        }, function () {
            $(hide).hide()
        })
    }
    // 封装的显示消失函数 第一个参数为需要消失的 第二个为触发的元素

    var html = '';
    for (var i = 0; i < 5; i++) {
        html += `
    <dl>
    <dd class="brand">品牌
     <ul>
             <li>百丽</li>
            <li>百丽</li>
             <li>百丽</li>
             <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
            <li>百丽</li>
           </ul>
          </dd>
        </dl> 
    `
    }
    // console.log(html)
    $('.goods-list1').html(html)

    $('.logo-left a').hover(function(){
        $('.nav-down').css({
            'padding': '30px 0 70px 0',
            'height':'328px',
            'transition': 'all .5s',
            'border-bottom':' 3px solid #333',
        })
    },function(){
        $('.nav-down').css({
            'padding': '0',
            'height':'0px',
            'transition': 'all .5s',
            'border-bottom':'none'
        })
    })

})